<template name="appTools">


<h4 id="tools" class="ui pageHeader header">
  <i class="tiny wrench icon"></i>
  <div class="content">
    Tools
  </div>
</h4>

<div class="ui segment pageSegment">


  <div class="ui bottom attached segment">
    <div class="ui grid center aligned stackable">

      <div class="three column row">

        <div class="column">
          <div class="ui steps">
            <div class="step">
              <i class="tags icon"></i>
              <div class="content">
                <div class="title"><a href="/tokens/create">Create Token</a></div>
                <div class="description">Create your own QRT.</div>
              </div>
            </div>
          </div>
        </div>

        <div class="column">
          <div class="ui steps">
            <div class="step">
              <i class="edit icon"></i>
              <div class="content">
                <div class="title"><a href="/tools/notarise/start">Notarise Document</a></div>
                <div class="description">Notarise a document on the QRL.</div>
              </div>
            </div>
          </div>
        </div>

        <div class="column">
          <div class="ui steps">
            <div class="step">
              <i class="envelope icon"></i>
              <div class="content">
                <div class="title"><a href="/tools/message/create">Message</a></div>
                <div class="description">Save a message on the QRL.</div>
              </div>
            </div>
          </div>
        </div>

      </div>

      <div class="one column row">

        <div id="setXMSSIndex" class="column" style="display: none;">
          <div class="ui steps">
            <div class="step">
              <i class="sort numeric up icon"></i>
              <div class="content">
                <div class="title"><a href="/tools/xmssindex/update">Set XMSS Index</a></div>
                <div class="description">Update the XMSS index on a Ledger Nano S</div>
              </div>
            </div>
          </div>
        </div>

      </div>

      <div class="two column row">
        <div class="column">
        <div class="ui steps"><div class="step">
          <i class="icon"><img src="/img/keybase.svg" style="width:35px;"></i>
          <div class="content">
            <div class="title"><a href="/tools/keybase">Keybase id</a></div>
            <div class="description">Add or remove a Keybase id to your address</div>
          </div>
        </div></div>
      </div>
      <div class="column" style="display:none;"><!-- WIP functionality -->
        <div class="ui steps"><div class="step">
          <i class="icon"><img src="/img/github.svg" style="width:35px;"></i>
          <div class="content">
            <div class="title"><a href="/tools/github">Github id</a></div>
            <div class="description">Add or remove a Github id to your address</div>
          </div>
        </div></div>
      </div>
      <div class="column">
        <div class="ui steps"><div class="step">
          <i class="icon users"></i>
          <div class="content">
            <div class="title"><a href="/tools/multisig">Multisig</a></div>
            <div class="description">Multisignature wallet functionality</div>
          </div>
        </div></div>
      </div>
    </div>

    </div>

  </div>




</div>

</template>